.topblank{min-height: 80px;}
.PC_ban{display: block;}
.Mob_ban{display: none;}
.banner{width: 100%;position: relative;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 40px;height: 40px; border-radius:50%; border:1px solid #fff; right:0px;}
.banner .swiper-button-next i,.banner .swiper-button-prev i { position: absolute; left:10px; top:8px; font-size: 22px; line-height: 1; color:#fff}
.banner .swiper-button-prev{left:0px;}
.banner .swiper-button-next {transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.banner .swiper-slide {overflow: hidden;text-align: center;}
.banner .swiper-slide img{width:100%}
.banner .swiper-pagination{bottom:5px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 4px;width:10px;border-radius: 2px;margin: 0 3px;opacity:1;background-color: #fff;}
.banner .swiper-pagination-bullet-active{width:20px !important;background: #ffff00 !important;opacity: 1 !important;}
.banner .swiper-button-next{right: 20px!important;left: auto!important;}
.banner .swiper-button-prev{left: 20px!important;}

.prosort ul{}
.prosort li{width:32%; border-radius: 6px; box-shadow:4px 4px 20px 0 rgba(15,41,131,.1); overflow:hidden;}
.prosort a{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}
.prosort img{transition:all 1s;width:50%;}
.prosort .prosort-tit{margin-bottom:15px; width:45%; display:block}
.prosort .prosort-tit h3{font-size:22px; line-height: 1.5; font-weight: bold; text-align:right; margin-bottom: 10px; margin-right:25px; z-index:2; position:relative;}
.prosort .prosort-tit p:after{content:''; display:block; position:relative; height:3px; background:rgba(21,100,175,.8); z-index:1; transition:all .5s ease}
.prosort li:hover .prosort-tit h3{color:#fff}
.prosort li:hover .prosort-tit p:after{transform:scale(120)}
.prosort .prosort-img{width:50%}
.pd60{padding:70px 0;}

.homeabout{background:url(../images/about_bg.jpg) no-repeat center/cover}
.home-left{width:42%}
.home-right{width:55%}
.home-right .homefont1{font-size: 16px;}
.home-right .homefont1 p{padding:5px 0;}
.iconnav { padding: 30px 0 0;}
.iconnav ul li {background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); width:23.5%; padding:10px 0; border-radius: 10px; overflow: hidden; cursor: pointer;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.iconnav ul li i { display: block; height: 65px; background-repeat: no-repeat; background-position: 50% 0; content: ''; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.iconnav ul li:hover i { background-position: 50% 100%;}
.iconnav ul li h3 { font-size: 16px; font-weight: bold; text-align: center; color:#333;}
.iconnav ul li:hover h3 { color: #fff;}
.iconnav ul li:hover{background: #0f9d47;}

.waboutbox_rh {position: relative; font-size: 60px; line-height: 1; text-align: center; color: #f1f1f1; text-transform: uppercase; margin-bottom: 40px;}
.waboutbox_rhdw {position: absolute; left: 0; bottom: 0; width: 100%; font-size: 30px; font-weight: bold; color: #000; text-align: center; line-height: 1.5;}

.idx_pro{padding:60px 0 0;}
.idx_pro .wrap { position: relative;}
.idx_pro .pro_swiper{ overflow: hidden; position: relative;}
.idx_pro .pro_swiper .pro_swiperbox{background:#fff; padding:15px 15px 20px; width:auto;}
.idx_pro .pro_swiper .swiper-slide{text-align: center;position: relative;z-index: 1; border: 1px solid #e2e2e2; border-radius: 8px; background: #fff; box-sizing: border-box;}
.idx_pro .swiper-button-prev i,.idx_pro .swiper-button-next i{ position: absolute; left:0; top:0; font-size: 36px; line-height: 45px; color:#999;}
.idx_pro .swiper-button-next i{left:10px; top:0;}
.idx_pro .swiper-button-prev{ top:48%;width: 45px;height: 45px; background:none; text-align: center; border-radius: 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.idx_pro .swiper-button-next{top: 48%;width: 45px;height: 45px; background:none; border-radius: 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.idx_pro .swiper-button-prev:hover,.idx_pro .swiper-button-next:hover{background: none;}
.idx_pro .swiper-button-prev:hover i,.idx_pro .swiper-button-next:hover i{ color:#005698;}
.idx_pro .swiper-button-prev i{ position: absolute; transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}
.idx_pro a .img {overflow: hidden;}
.idx_pro a .img img { width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.idx_pro a:hover .img img{transform: scale(1.1);}
.idx_pro a .text{ text-align: center; font-size:18px; line-height: 1.6; padding: 15px 0;}
.idx_pro a .textdesc{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.idx_pro a:hover .text{ color: #005698;}
.idx_pro .swiper-pagination{bottom:-40px;}
.idx_pro .swiper-pagination-clickable .swiper-pagination-bullet{height: 12px;width:12px;border-radius: 10px;margin: 0 3px;opacity:1;background-color: #ccc;}
.idx_pro .swiper-pagination-bullet-active{width:20px !important;background: #005698 !important;opacity: 1 !important;}

.hotproduct .wrapper{}
.hotproduct ul{}
.hotproduct ul li{width:33%; margin-right: 0.5%; margin-top: 0.5%; border-radius: 5px; overflow: hidden;}
.hotproduct ul li:nth-child(3n){margin-right: 0;}
.productlist ul li{width:32%; margin-right: 2%; margin-top:2%; border: 1px solid #e2e2e2; box-sizing: border-box; -webkit-box-sizing: border-box;}
.productlist ul li .pimg{display: block; margin:0px auto; width:70%}
.fugai {width: 100%;overflow: hidden;position: relative;}
.fugai .chanpintit{display:block;text-align:center; padding:10px 0;font-size: 16px;}
.fugai .overly {background:#0081cc;height: 100%;left: 0;top: -100%;width: 100%;position: absolute;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;opacity:0.9;}
.fugai .fugaitop {position: absolute;top: -100%;left: 50%;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); text-align: center;}
.fugai:hover .fugaitop {top: 50%; width: 100%;}
.fugai:hover .overly {top: 0}
.fugai:hover .chanpintit{color: #fff;}
.fugai .fugaitop .txtit{color:#f4f4f4;font-size:22px; margin-bottom:30px;}
.fugai .fugaitop .txmore{border:1px solid #ddd; display: inline-block; padding: 0 30px; line-height: 34px; color: #fff; text-align: center;}
.newslist{}
.newslist ul li{width:24%; margin-right: 1.3%; margin-top:1%; margin-bottom: 1%;}
.newslist ul li:nth-child(4n){margin-right: 0;}
.newslist ul .newstitle{font-size: 16px; margin:15px 0 10px; color:#004a93; line-height: 1.5;}
.newslist ul .newsdesc{font-size: 12px; color:#777;}
/*底部*/
.footer {background:#004a93; color:#fff;}
.footer .foot{padding:40px 0;}
.footer h3{color:#0f9d47; font-size:36px; line-height: 1.2;}
.footer h2{font-size:16px; font-weight:bold; color:#fff; margin-bottom:10px;}
.footer a{color:#fff;}
.footer a:hover{color:#fff;}
.footer img{max-width: 180px; display: block; margin-bottom: 10px;}
.footer li{line-height: 32px;}
.foot-left{width:400px; line-height: 1.8;}
.footer .foot-left img{margin-bottom: 25px;}
.foot-middle .footmenu{ margin: 0 50px;}
.foot-right{width:auto;}
.foot-right>div{padding:5px 0; line-height: 1.5;}
.foot-right>div .iconfont{display: inline-block; margin-right:10px; color:#fff;}
.copyright{border-top:1px solid rgba(255, 255, 255, 0.1); text-align: center; padding:20px 0;}
.copyright a{display: inline-block; margin-left: 10px;}

/*内页*/
.ny_banner{min-height: 400px; background: no-repeat center center/cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center;}
.ny_banner .ny_banner_box{padding-left: 4%; color:#fff;}
.ny_banner h2{font-size: 30px; font-weight:bold;animation: bannertextright 1s ease both 400ms;}
.ny_banner h3{font-size: 18px; animation: bannertextdow 1s ease both 800ms;}
@keyframes bannertextright {0% {transform: translateX(-80px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bannertextdow {0% {transform: translateY(30px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
.aboutcontent{font-size: 16px; line-height: 2;}
.aboutcontent p{padding:5px 0;}
.case-left{width:48%}
.case-left .casetitle{margin-bottom: 10px;}
.case-left .casetitle strong{color:#005698;font-size: 20px;}
.case-left>div{padding:10px 0; line-height: 1.5;}
.case-left>div .iconfont{display: inline-block; font-size: 18px; margin-right:10px; color:#777}
.case-right{width:48%}

.sunMenu{width: 100%;font-size: 0;text-align: center;background: #0090d7;overflow: hidden;}
.sunMenu a{display: inline-block;line-height: 65px;position: relative;padding: 0 35px;font-size: 16px;color: #fff;transition: all .5s ease;}
.sunMenu a:before,.sunMenu a:last-child:after{content: "";position: absolute;left: 0;top: 0;width: 1px;background: #fff;opacity: .2;height: 100%;}
.sunMenu a:last-child:after{left: auto;right: 0;}
.sunMenu a.active,.sunMenu a:hover{background: rgba(255, 255, 255, .3);}

.downloadlist{display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap:wrap;}
.downloadlist>a{display: block; width:32%; margin-right:2%; margin-top: 2%; transition: all .35s; position: relative; top: 0; background:url(../images/down.png) no-repeat right 15px center #eff1fa; background-size: 80px; overflow: hidden;}
.downloadlist>a:nth-child(3n){margin-right:0;}
.downloadlist>a:hover{top: -8px; background:url(../images/down.png) no-repeat right 15px center #0081cc; background-size: 80px; color:#fff;}
.downloadlist>a .tit{font-size: 16px; line-height: 120px; padding:0 0 0 20px;}
.view-left{width:70%}
.maintit{font-size:24px; font-weight:bold; text-align:center; margin-bottom:20px;}
.viewbox{text-align:center; font-size:14px; color:#666;}
.viewimg{text-align:center; padding:20px 0;}
.viewcontent{font-size: 16px; line-height: 1.8; padding: 20px 0 0;}
.view-right{width:25%}
.tjnews{border:8px solid #f0f0f0; padding:20px 20px 10px; font-size:16px; margin-top:20px}
.tjnews h2{font-size:22px; font-weight:bold; color:#333;}
.tjnews li{padding:20px 0; border-bottom:1px solid #e2e2e2;}
.tjnews li:last-child{border-bottom:0px solid #e2e2e2;}
.tjnews a{display:block;}
.tjnews h3{text-align: center; font-size: 16px;}
.context{border:1px solid #e2e2e2; padding:10px 20px;}
.context li:last-child{border-top:1px solid #e2e2e2;}
.context li{padding:20px 0;}
.context span{ color:#000; display:block;}
.honor{padding:0;}
.honor li{width:23.5%; margin-right: 2%; margin-top: 1%; margin-bottom: 1%;}
.honor li:nth-child(4n){margin-right:0}
.honor li .productbox{overflow: hidden; padding:8px; border: 1px solid #e2e2e2;}
.honor .productbox img{-webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease;}
.honor h2{font-size:14px; text-align: center; padding:10px 0 0;}
.honor li:hover .productbox img{transform: scale(1.1);}
.photo{padding:20px 10px; border:1px solid #e2e2e2; position: relative;}
.photo .pics{padding-bottom:100%; position: relative; display: block; width: 100%; overflow: hidden;}
.photo .pics img{ position: absolute; left: 50%; top: 0; width: auto; height: 100%; *height: auto; transform: translate(-50%,0);}
@media(max-width:1200px){
    .wrapper{width:auto; padding:0 3%}
    .topblank{min-height: 55px;}

    .banner .swiper-button-next,.banner .swiper-button-prev{width: 30px;height: 30px;}
    .banner .swiper-button-next i,.banner .swiper-button-prev i { left:8px; top:4px; font-size: 18px;}
    .banner .swiper-pagination{bottom:5px; display: none;}
    .banner .swiper-button-next{right: 10px!important;left: auto!important;}
    .banner .swiper-button-prev{left: 10px!important;}
    
    .prosort ul{}
    .prosort li{width:100%; border-radius: 6px; box-shadow:2px 2px 10px 0 rgba(15,41,131,.1); overflow:hidden; margin-top: 15px;}
    .prosort li:nth-child(1){margin-top: 0;}
    .prosort a{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}
    .prosort img{transition:all 1s;width:40%;overflow:hidden;}
    .prosort .prosort-tit{margin-bottom:15px; width:50%; display:block}
    .prosort .prosort-tit h3{font-size:16px; margin-right:15px;}
    .prosort .prosort-img{width:50%}
    .pd60{padding:20px 0;}
    
    .homeabout{background:url(../images/about_bg.jpg) no-repeat center/cover}
    .home-left{width:100%}
    .home-right{width:100%; padding:10px 0 0;}
    .home-right .homefont1{font-size: 14px;}
    .home-right .homefont1 p{padding:5px 0;}
    .iconnav { padding: 15px 0 0;}
    .iconnav ul li i { height: 40px; background-size: 40px;}
    .iconnav ul li h3 { font-size: 14px; font-weight: normal;}

    .idx_pro{padding:20px 0 0;}
    .idx_pro .wrap { position: relative;}
    .idx_pro .pro_swiper{ overflow: hidden; position: relative;}
    .idx_pro .pro_swiper .pro_swiperbox{background:#fff; padding:15px 15px 20px; width:auto;}
    .idx_pro .pro_swiper .swiper-slide{text-align: center;position: relative;z-index: 1; border: 1px solid #e2e2e2; overflow: hidden; border-radius: 5px; background: #fff; box-sizing: border-box;}
    .idx_pro .swiper-button-prev i,.idx_pro .swiper-button-next i{font-size: 30px; line-height: 35px;}
    .idx_pro .swiper-button-next i{left:10px; top:0;}
    .idx_pro .swiper-button-prev{ top:48%;width: 45px;height: 45px; left:0; background:none;}
    .idx_pro .swiper-button-next{top: 48%;width: 45px;height: 45px; right:0; background:none;}
    .idx_pro a .text{ font-size:15px; padding: 10px 0;}
    .idx_pro .swiper-pagination{bottom:-40px;}
    .idx_pro .swiper-pagination-clickable .swiper-pagination-bullet{height: 12px;width:12px;border-radius: 10px;margin: 0 3px;opacity:1;background-color: #ccc;}
    .idx_pro .swiper-pagination-bullet-active{width:20px !important;background: #005698 !important;opacity: 1 !important;}

.footer {background:#004a93; color:#fff;}
.footer .foot{padding:10px 0 15px;}
.footer h2{text-align: center;}
.footer a{color:#fff;}
.footer img{max-width: 180px; display: block; margin-bottom: 10px;}
.foot-left{width:100%; line-height: 1.8; display: none;}
.footer .foot-left img{margin-bottom: 25px;}
.foot-middle .footmenu{ margin: 0 50px;}
.foot-middle{display: none;}
.foot-right{width:auto;}
.foot-right>div{padding:5px 0; line-height: 1.5;}
.foot-right>div .iconfont{display: inline-block; margin-right:10px; color:#fff;}
.copyright{text-align: center; padding:10px 0 65px; line-height: 1.5;}
.copyright a{display: block; margin-left: 0px;}

.ny_banner{min-height: 110px;}
.ny_banner .ny_banner_box{padding-left: 3%; color:#fff;}
.ny_banner h2{font-size: 16px;}
.ny_banner h3{font-size: 12px; display: none;}

.hotproduct ul{}
.hotproduct ul li{width:49.5%; margin-right: 1%; margin-top: 1%; border-radius: 5px; overflow: hidden;}
.hotproduct ul li:nth-child(2n){margin-right: 0;}
.hotproduct ul li:nth-child(3),.hotproduct ul li:nth-child(9){margin-right: 1%;}
.productlist ul li{width:49.5%; margin-right: 1%; margin-top:1%; border: 1px solid #e2e2e2; box-sizing: border-box; -webkit-box-sizing: border-box;}
.productlist ul li .pimg{display: block; margin:0px auto; width:100%}
.fugai {width: 100%;overflow: hidden;position: relative;}
.fugai .chanpintit{display:block;text-align:center; padding:8px 0 10px;font-size: 14px;}
.fugai .fugaitop .txtit{color:#f4f4f4;font-size:15px; margin-bottom:5px;}
.fugai .fugaitop .txmore{ padding: 0 15px; line-height: 24px; color: #fff; text-align: center; font-size: 12px;}

.pd60{padding:20px 0;}
.waboutbox_rh {font-size: 26px; margin-bottom: 20px; padding:0 0 10px;}
.waboutbox_rhdw {font-size: 18px; top:0;}

.aboutcontent{font-size: 14px; line-height: 1.8;}
.aboutcontent p{padding:5px 0;}
.case-left{width:100%}
.case-left .casetitle{margin-bottom: 10px;}
.case-left .casetitle strong{color:#005698;font-size: 16px;}
.case-left>div{padding:5px 0; line-height: 1.5;}
.case-left>div .iconfont{font-size: 16px;}
.case-right{width:100%; padding:20px 0 0;}
.newslist{}
.newslist ul li{width:100%; margin-right: 0; margin-top:0; margin-bottom: 2%;}
.newslist ul li:nth-child(4n){margin-right: 0;}
.newslist ul .newstitle{font-size: 15px; margin:10px 0 5px;}
.view-left{width:100%}
.maintit{font-size:16px; margin-bottom:10px;}
.viewimg{text-align:center; padding:10px 0;}
.viewcontent{font-size: 14px; padding: 10px 0;}
.view-right{width:100%; padding:10px 0 0;}
.tjnews{border:4px solid #f0f0f0; padding:12px 12px 12px; font-size:14px; margin-top:10px}
.tjnews h2{font-size:16px; font-weight:bold; color:#333;}
.tjnews li{padding:10px 0; border-bottom:1px solid #e2e2e2;}
.tjnews h3{text-align: center; font-size: 14px;}
.context{border:1px solid #e2e2e2; padding:0px 10px;}
.context li:last-child{border-top:1px solid #e2e2e2;}
.context li{padding:5px 0;}
.context span{ color:#000; display:block;}
.honor{padding:0;}
.honor li{width:49.5%; margin-right: 1%; margin-top: 1%; margin-bottom: 1%;}
.honor li:nth-child(-n+2){margin-top: 0;}
.honor li:nth-child(2n){margin-right:0}
.honor li .productbox{overflow: hidden; padding:0; border: 0px solid #e2e2e2;}
.photo{padding:0; border:0px solid #e2e2e2; position: relative;}

.sunMenu a {width: 50%;line-height: 24px;padding: 5px 0;font-size: 14px;float: left;border-bottom: 1px solid rgba(255, 255, 255, .2);}
.sunMenu a:before{display: none;}
.sunMenu a:after{content: "";position: absolute;right: 0;top: 0;width: 1px;background: #fff;opacity: .2;height: 100%;}
.sunMenu a:nth-child(2n):after{display: none;}
.sunMenu.sunlong a{width: 100%;}
.downloadlist{display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; flex-wrap:wrap;}
.downloadlist>a{margin-right:0; width: 100%; margin-top: 2%; background-size: 40px;}
.downloadlist>a:hover{top:-3px; background-size: 40px;}
.downloadlist>a .tit{font-size: 14px; line-height: 60px; padding:0 0 0 15px;}
}